@media screen and (max-width: 640px) {

html {
  width: 100%; min-width: 640px
}
body {
  width: 100%; min-width: 640px; margin: 0px; padding: 0px; background: #77777a; font-family: arial, microsoft yahei, simhei
}
table,div {
  font-size: 12px; color: #000; text-align: left
}
div,p,span,em {
  backface-visibility: hidden; -webkit-backface-visibility: hidden
}
ul,ol {
  list-style: none
}
form,dl,dt,dd,ul,ol,input,select,textarea,p,h1,h2,h3,h4,h5,h6 {
  margin: 0px; padding: 0px
}
input,button,select,textarea {
  font-size: 12px; font-family: arial, verdana; color: #fc0e01; outline: none; vertical-align: middle
}
img {
  border: 0px; vertical-align: middle
}
a {
  color: #1432aa; text-decoration: none
}
a:hover {
  color: #1432aa; text-decoration: underline
}
.hand {
  cursor: pointer
}
.clear_float {
  zoom: 1
}
.clear_float:after {
  display: block; clear: both; content: ""; visibility: hidden; height: 0
}
.pagehide {
  display: none
}
.header {
  width: 640px; background: #ffffff; position: relative; z-index: 200
}
.header div.area {
  line-height: 40px; height: 40px; background: #1432aa; position: relative; z-index: 100
}
.header div.area div.text {
  font-size: 18px; color: #fff; text-align: right; padding-right: 10px
}
.header div.area div.text span {
  cursor: pointer; transition: opacity .3s ease; -webkit-transition: opacity .3s ease
}
.header div.area div.text span:hover {
  opacity: 0.7
}
.header div.area div.text em {
  font-style: normal; margin-left: 10px; background: url(icon.3.png) left center no-repeat; padding-left: 15px
}
.header p.logo {
  height: 50px; margin: auto; padding: 25px 0px
}
.header p.logo img {
  width: 350px; margin-left: 20px
}
.header div.menubtn {
  width: 90px; height: 90px; background: url(btn.menu.png) center center no-repeat; position: absolute; bottom: 5px; right: 0px; z-index: 100
}
.header div.menu {
  width: 640px; height: 446px; overflow: hidden; background: #d9d9d9; margin-left: -320px; position: absolute; top: 140px; left: 50%; z-index: 200; transition: all .3s ease; -webkit-transition: all .3s ease
}
.header div.menu.hide {
  height: 0px
}
.header div.menu ul {
  padding: 20px
}
.header div.menu li {
  width: 100%; margin-bottom: 2px; background: #1432aa; text-align: center; font-size: 30px
}
.header div.menu li a {
  display: block; height: 66px; line-height: 66px; color: #fff
}
.header div.menu li a em {
  font-style: normal
}
.header div.menu li a:hover {
  text-decoration: none
}
.header div.menu li dl {
  background: #eee; font-size: 30px
}
.header div.menu li dl a {
  height: 66px; line-height: 66px; color: #1432aa
}
.banner {
  width: 100%; height: 366px; background: url(banner.m.jpg) center center repeat-x; position: relative; z-index: 100
}
.banner p.slogan {
  width: 560px; height: 126px; background: url(slogan.m.png) center center no-repeat; margin-left: -280px; margin-top: -64px; position: absolute; top: 50%; left: 50%; z-index: 100
}
.banner_grade {
  width: 100%; background: #ff973a
}
.banner_grade div.content h1 {
  height: 70px; line-height: 70px; margin: auto; font-size: 26px; font-weight: normal; padding-left: 40px; color: #fff
}
.banner_about {
  width: 100%; background: #e0e0e1
}
.banner_about div.content {
  width: 100%; height: 360px; margin: auto; background: url(banner_about.png) right top no-repeat
}
.banner_about div.content h1 {
  line-height: 360px; font-weight: normal; font-size: 30px; color: #1432aa; padding-left: 40px
}
.banner_contact {
  width: 100%; background: #e0e0e1
}
.banner_contact div.content {
  width: 100%; height: 360px; margin: auto; background: url(banner_contact.png) right top no-repeat
}
.banner_contact div.content h1 {
  line-height: 360px; font-weight: normal; font-size: 30px; color: #1432aa; padding-left: 40px
}
.home_grade {
  width: 100%; padding: 80px 0px; background: #fff
}
.home_grade h2 {
  height: 70px; line-height: 70px; margin: auto; font-size: 26px; font-weight: normal; padding-left: 40px; background: #ff973a; color: #fff
}
.home_grade div.list {
  width: 100%; margin: auto; padding-top: 40px
}
.home_grade div.item {
  width: 320px; height: 320px; float: left
}
.home_grade div.item h3 {
  padding: 40px 40px 0px 40px; font-size: 26px; font-weight: normal; line-height: 100%; color: #fff
}
.home_grade div.item h4 {
  padding: 10px 40px 20px 40px; font-size: 18px; font-weight: normal; line-height: 100%; color: #fff
}
.home_grade div.item a.link {
  display: block; width: 240px; height: 42px; line-height: 42px; text-align: center; font-size: 20px; color: #fff; border: #fff 1px solid; margin: auto; margin-top: 120px; background: url(icon.1s.png) right center no-repeat; transition: opacity .3s ease; -webkit-transition: opacity .3s ease
}
.home_grade div.item a.link:hover {
  text-decoration: none; opacity: 0.7
}
.home_grade div.item1 {
  background-color: #d33c98
}
.home_grade div.item2 {
  background-color: #4dc353
}
.home_grade div.item3 {
  background-color: #ff973a
}
.home_grade div.item4 {
  background-color: #1546ac
}
.home_grade div.item5 {
  background-color: #4fb7e8
}
.home_grade div.item6 {
  background-color: #f9327d
}
.home_grade div.item7 {
  background-color: #663399
}
.home_grade div.item8 {
  background: #77777a
}
.home_application {
  width: 100%; background: #fff
}
.home_application h2 {
  height: 70px; line-height: 70px; margin: auto; font-size: 26px; font-weight: normal; padding-left: 40px; background: #ff973a; color: #fff
}
.home_application div.list {
  width: 100%; margin: auto; padding-top: 40px
}
.home_application div.item {
  width: 320px; height: 280px; float: left
}
.home_application div.item a.link {
  display: block; text-decoration: none; font-size: 18px; color: #666; transition: all .3s ease; -webkit-transition: all .3s ease
}
.home_application div.item a.link:hover {
  color: #ff973a
}
.home_application div.item a.link span.img {
  display: block; text-align: center
}
.home_application div.item a.link span.txt {
  display: block; font-size: 20px; padding-top: 12px; line-height: 30px; text-align: center
}
.grade {
  width: 100%; background: #fff
}
.grade div.list {
  width: 100%; margin: auto; padding-top: 40px
}
.grade div.item {
  width: 320px; height: 320px; float: left; cursor: pointer
}
.grade div.item h3 {
  padding: 40px 40px 0px 40px; font-size: 26px; font-weight: normal; line-height: 100%; color: #fff
}
.grade div.item h4 {
  padding: 10px 40px 20px 40px; font-size: 18px; font-weight: normal; line-height: 100%; color: #fff
}
.grade div.item a.link {
  display: block; width: 240px; height: 42px; line-height: 42px; text-align: center; font-size: 20px; color: #fff; border: #fff 1px solid; margin: auto; margin-top: 120px; background: url(icon.1s.png) right center no-repeat; transition: opacity .3s ease; -webkit-transition: opacity .3s ease
}
.grade div.item a.link:hover {
  text-decoration: none; opacity: 0.7
}
.grade div.item1 {
  background-color: #d33c98
}
.grade div.item2 {
  background-color: #4dc353
}
.grade div.item3 {
  background-color: #ff973a
}
.grade div.item4 {
  background-color: #1546ac
}
.grade div.item5 {
  background-color: #4fb7e8
}
.grade div.item6 {
  background-color: #f9327d
}
.grade div.item7 {
  background-color: #663399
}
.grade div.item8 {
  background: url(grade.jpg) center center no-repeat; background-size: cover
}
.grade div.detail {
  width: 100%; margin: auto; padding-top: 40px
}
.grade div.info {
  padding-top: 40px; position: relative; z-index: 100
}
.grade div.info h5 {
  height: 70px; line-height: 70px; margin: auto; font-size: 26px; font-weight: normal; padding-left: 40px; background: #000; color: #fff
}
.grade div.info div.content {
  padding: 40px 0px
}
.grade div.info div.content div.image {
  width: 100%; padding-bottom: 40px; text-align: center
}
.grade div.info div.content div.image img {
  border: #e0e0e1 1px solid
}
.grade div.info div.content div.text {
  width: 560px; margin: auto
}
.grade div.info div.content div.text p.txt {
  font-size: 26px; color: #666; line-height: 36px; padding-bottom: 25px
}
.grade div.info div.content div.text h6 {
  height: 70px; line-height: 70px; font-size: 26px; background: #1546ac; color: #fff; text-align: center
}
.grade div.info div.content div.text ul {
  padding-top: 10px
}
.grade div.info div.content div.text li {
  position: relative; z-index: 100
}
.grade div.info div.content div.text li span {
  display: block; height: 100px; line-height: 100px; padding-left: 18px; background: url(point.1.png) left center no-repeat; font-size: 26px; color: #666
}
.grade div.info div.content div.text a.link {
  display: block; height: 70px; line-height: 70px; text-align: center; font-size: 26px; color: #1432aa; border: #1432aa 1px solid; background: url(icon.1s.b.png) right center no-repeat; transition: opacity .3s ease; -webkit-transition: opacity .3s ease
}
.grade div.info div.content div.text a.link:hover {
  text-decoration: none; opacity: 0.7
}
.grade div.info div.content div.text a.link em {
  display: inline-block; height: 100%; font-style: normal; background: url(pdf.2.png) left center no-repeat; padding-left: 70px
}
.grade div.info1 h5 {
  background-color: #d33c98
}
.grade div.info1 div.content div.text p.txt b {
  color: #d33c98
}
.grade div.info2 h5 {
  background-color: #4dc353
}
.grade div.info2 div.content div.text p.txt b {
  color: #4dc353
}
.grade div.info3 h5 {
  background-color: #ff973a
}
.grade div.info3 div.content div.text p.txt b {
  color: #ff973a
}
.grade div.info4 h5 {
  background-color: #1546ac
}
.grade div.info4 div.content div.text p.txt b {
  color: #1546ac
}
.grade div.info5 h5 {
  background-color: #4fb7e8
}
.grade div.info5 div.content div.text p.txt b {
  color: #4fb7e8
}
.grade div.info6 h5 {
  background-color: #f9327d
}
.grade div.info6 div.content div.text p.txt b {
  color: #f9327d
}
.grade div.info7 h5 {
  background-color: #663399
}
.grade div.info7 div.content div.text p.txt b {
  color: #663399
}
.application {
  width: 100%; background: #fff
}
.application {
  width: 100%; background: #fff
}
.application h2 {
  height: 70px; line-height: 70px; margin: auto; font-size: 26px; font-weight: normal; padding-left: 40px; background: #ff973a; color: #fff
}
.application div.list {
  width: 100%; margin: auto; padding-top: 40px
}
.application div.item {
  width: 320px; height: 280px; float: left
}
.application div.item div.link {
  display: block; text-decoration: none; font-size: 18px; color: #666; cursor: pointer; transition: all .3s ease; -webkit-transition: all .3s ease
}
.application div.item div.link:hover {
  color: #ff973a
}
.application div.item div.link span.img {
  display: block; text-align: center
}
.application div.item div.link span.txt {
  display: block; font-size: 20px; padding-top: 12px; line-height: 30px; text-align: center
}
.application div.detail {
  width: 100%; margin: auto; padding-top: 40px
}
.application div.info {
  padding-top: 40px; position: relative; z-index: 100
}
.application div.info h5 {
  height: 70px; line-height: 70px; margin: auto; font-size: 26px; font-weight: normal; padding-left: 40px; background: #ff973b; color: #fff
}
.application div.info div.content {
  padding: 40px 0px
}
.application div.info div.content div.image {
  width: 100%; padding-bottom: 40px; text-align: center
}
.application div.info div.content div.text {
  width: 560px; margin: auto
}
.application div.info div.content div.text p.txt {
  font-size: 26px; color: #666; line-height: 36px; padding-bottom: 25px
}
.application div.info div.content div.text h6 {
  height: 70px; line-height: 70px; font-size: 26px; background: #1546ac; color: #fff; text-align: center
}
.application div.info div.content div.text ul {
  padding-top: 10px
}
.application div.info div.content div.text li {
  position: relative; z-index: 100
}
.application div.info div.content div.text li span {
  display: block; height: 100px; line-height: 100px; padding-left: 18px; background: url(point.1.png) left center no-repeat; font-size: 26px; color: #666
}
.application div.info div.content div.text a.link {
  display: block; height: 70px; line-height: 70px; text-align: center; font-size: 26px; color: #1432aa; border: #1432aa 1px solid; background: url(icon.1s.b.png) right center no-repeat; transition: opacity .3s ease; -webkit-transition: opacity .3s ease
}
.application div.info div.content div.text a.link:hover {
  text-decoration: none; opacity: 0.7
}
.application div.info div.content div.text a.link em {
  display: inline-block; height: 100%; font-style: normal; background: url(pdf.2.png) left center no-repeat; padding-left: 70px
}
.about {
  width: 100%; background: #fff
}
.about div.intro {
  width: 100%; margin: auto; padding-top: 80px
}
.about div.intro h3 {
  margin-bottom: 40px; padding-left: 40px; height: 68px; line-height: 68px; font-size: 26px; background: #1546ac; color: #fff
}
.about div.intro p.text {
  padding: 0px 40px; line-height: 150%; font-size: 26px; color: #666
}
.about div.intro a.link {
  width: 468px; height: 78px; line-height: 78px; display: block; margin: 40px auto; border: #1546ac 1px solid; text-align: center; font-size: 26px; color: #1546ac; background: url(icon.1s.b.png) 436px center no-repeat; transition: opacity .3s ease; -webkit-transition: opacity .3s ease
}
.about div.intro a.link:hover {
  text-decoration: none; opacity: 0.7
}
.about div.intro div.table {
  width: 560px; margin: auto
}
.about div.intro div.table table {
  width: 100%
}
.about div.intro div.table td {
  color: #666; line-height: 150%; font-size: 26px; border-bottom: #c1c1c3 1px solid
}
.about div.intro div.table td.tit {
  width: 120px; padding-left: 40px; padding-right: 0px
}
.about div.intro div.table tr:first-child td {
  padding-top: 0px
}
.about div.intro div.table tr:last-child td {
  border: 0px
}
.about div.intro div.image {
  padding-top: 30px; text-align: center
}
.contact {
  width: 100%; background: #fff
}
.contact div.map {
  width: 100%; margin: auto; padding: 80px 0px; text-align: center
}
.contact div.intro {
  width: 100%
}
.contact div.intro h3 {
  margin-bottom: 40px; padding-left: 40px; height: 58px; line-height: 58px; font-size: 20px; background: #666; color: #fff
}
.contact div.intro div.table {
  width: 560px; margin: auto
}
.contact div.intro div.table table {
  width: 100%
}
.contact div.intro div.table td {
  font-size: 26px; color: #666; line-height: 150%; border-bottom: #c1c1c3 1px solid
}
.contact div.intro div.table td.tit {
  width: 120px; padding-left: 20px; padding-right: 0px
}
.contact div.intro div.table tr:first-child td {
  padding-top: 0px
}
.contact div.intro div.table tr:last-child td {
  border: 0px
}
.contact div.intro div.table td a {
  color: #666
}
.footer_space {
  width: 100%; height: 150px; background: #fff; position: relative; z-index: 100
}
.footer_space .backtotop {
  width: 40px; height: 40px; background: url(backtotop.png) center center no-repeat; position: absolute; bottom: 0px; left: 50%; margin-left: 240px; z-index: 100
}
.footer {
  width: 100%
}
.footer div.info {
  width: 100%; margin: auto; padding-top: 40px
}
.footer div.info div.menu {
  width: 500px; margin: auto
}
.footer div.info div.menu li {
  padding-bottom: 30px
}
.footer div.info div.menu li a {
  font-size: 26px; color: #fff; transition: opacity .3s ease; -webkit-transition: opacity .3s ease
}
.footer div.info div.menu li a em {
  font-style: normal
}
.footer div.info div.menu li a:hover {
  text-decoration: none; opacity: .7
}
.footer div.info div.menu li dl {
  padding-top: 20px
}
.footer div.info div.menu li dl dd a {
  font-size: 26px; line-height: 60px
}
.footer div.info div.address {
  width: 100%; padding-top: 70px; padding-bottom: 10px; font-size: 26px; line-height: 150%; text-align: center; color: #fff; margin-bottom: 10px;
}
.footer div.info div.address a {
  color: #fff;
}
.footer div.copyright {
  width: 100%; margin: auto; text-align: center; padding: 40px 0px; border-top: #fff 1px solid; line-height: 100%; font-size: 20px; color: #fff; clear: both;
}
.popup_mask {
  width: 100%; height: 100%; background: #000; opacity: 0; position: absolute; top: 0px; left: 0px; z-index: 10000; transition: opacity .3s ease; -webkit-transition: opacity .3s ease
}
.popup_mask.on {
  opacity: 0.5
}
.popup_content {
  width: 560px; background: #fff; opacity: 0; margin-left: -280px; position: absolute; top: 100px; left: 50%; z-index: 11000; transition: opacity .3s ease .1s; -webkit-transition: opacity .3s ease .1s
}
.popup_content.on {
  opacity: 1
}
.popup_content h3 {
  height: 60px; line-height: 60px; font-size: 26px; background: #c1c1c3; color: #fff; padding-left: 40px
}
.popup_content ul {
  padding: 50px 80px
}
.popup_content ul li {
  line-height: 40px
}
.popup_content ul li a {
  font-size: 24px; color: #d60057; text-decoration: underline
}
.popup_content ul li span {
  font-size: 24px; color: #666666; text-decoration: none; cursor: default
}
.popup_content ul ul {
  padding: 0px 40px; border-left: #cccccc 2px solid
}
.popup_content span.close {
  display: block; width: 55px; height: 55px; background: url(close.png) center center no-repeat; position: absolute; top: -55px; right: 0px; z-index: 100; cursor: pointer
}

}


/*add*/

.home_product-name {
  width: 100%; padding: 80px 0px; background: #fff
}
.home_product-name h2 {
  height: 70px; line-height: 70px; margin: auto; font-size: 26px; font-weight: normal; padding-left: 40px; background: #ff973a; color: #fff
}
.home_product-name div.list {
  width: 100%; margin: auto; padding-top: 40px
}
.home_product-name div.item {
  width: 320px; height: 320px; float: left
}
.home_product-name div.item h3 {
  padding: 20px 20px 0px 20px; font-size: 26px; font-weight: bold; line-height: 100%; }
.home_product-name div.item h4 {
  padding: 0px 20px 20px 20px; font-size: 18px; font-weight: normal; line-height: 100%;}
.home_product-name div.item a.link {
  display: block; width: 240px; height: 42px; line-height: 42px; text-align: center; font-size: 20px; color: #fff; border: #fff 1px solid; margin: auto; margin-top: 120px; background: url(icon.1s.png) right center no-repeat; transition: opacity .3s ease; -webkit-transition: opacity .3s ease
}

.home_product-name div.item1 {
  color:#d33c98;
}
.home_product-name div.item2 {
   color:#4dc353
}
.home_product-name div.item3 {
   color:#ff973a
}
.home_product-name div.item4 {
   color:#1546ac
}
.home_product-name div.item5 {
   color:#4fb7e8
}
.home_product-name div.item6 {
   color:#f9327d
}
.home_product-name div.item7 {
   color:#663399
}
.home_product-name div.item8 {
   color:#77777a
}
.grade div.movie {
  width: 100%; margin: auto;
}
.grade div.movie h3 {
  margin-bottom: 40px; padding-left: 40px; height: 68px; line-height: 68px; font-size: 26px; background: #1546ac; color: #fff
}

.home_product-name div.item1 a.link {
  display: block; width: 200px; height: 20px; line-height: 20px; font-size: 12px; margin: auto; margin-top: 8px;color: #d33c98; text-align: left; text-decoration:underline;}
.home_product-name div.item2 {
  color: #4dc353;
}
.home_product-name div.item2 a.link {
  display: block; width: 200px; height: 20px; line-height: 20px; font-size: 12px; margin: auto; margin-top: 8px;color: #4dc353; text-align: left; text-decoration:underline;}
	
.home_product-name div.item3 {
  color: #ff973a;
}
.home_product-name div.item3 a.link {
  display: block; width: 200px; height: 20px; line-height: 20px; font-size: 12px; margin: auto; margin-top: 8px;color: #ff973a; text-align: left; text-decoration:underline;}
.home_product-name div.item4 {
  color: #1546ac;
}
.home_product-name div.item4 a.link {
  display: block; width: 200px; height: 20px; line-height: 20px; font-size: 12px; margin: auto; margin-top: 8px;color: #1546ac; text-align: left; text-decoration:underline;}
.home_product-name div.item5 {
  color: #4fb7e8;
}
.home_product-name div.item5 a.link {
  display: block; width: 200px; height: 20px; line-height: 20px; font-size: 12px; margin: auto; margin-top: 8px;color: #4fb7e8; text-align: left; text-decoration:underline;}
.home_product-name div.item6 {
  color: #f9327d;
}
.home_product-name div.item6 a.link {
  display: block; width: 200px; height: 20px; line-height: 20px; font-size: 12px; margin: auto; margin-top: 8px;color: #f9327d; text-align: left; text-decoration:underline;}
.home_product-name div.item7 {
  color: #663399;
}
.home_product-name div.item7 a.link {
  display: block; width: 200px; height: 20px; line-height: 20px; font-size: 12px; margin: auto; margin-top: 8px;color: #663399; text-align: left; text-decoration:underline;}
.home_product-name div.item8 {
  color: #77777a;
}

@media screen and (min-width: 641px) {

html {
  width: 100%; min-width: 1000px
}
body {
  width: 100%; min-width: 1000px; margin: 0px; padding: 0px; background: #77777a; font-family: arial, microsoft yahei, simhei
}
table,div {
  font-size: 12px; color: #000; text-align: left; -webkit-tap-highlight-color: transparent
}
div,p,span,em {
  backface-visibility: hidden; -webkit-backface-visibility: hidden
}
ul,ol {
  list-style: none
}
form,dl,dt,dd,ul,ol,input,select,textarea,p,h1,h2,h3,h4,h5,h6 {
  margin: 0px; padding: 0px
}
input,button,select,textarea {
  font-size: 12px; font-family: arial, verdana; color: #fc0e01; outline: none; vertical-align: middle
}
img {
  border: 0px; vertical-align: middle
}
a {
  color: #1432aa; text-decoration: none
}
a:hover {
  color: #1432aa; text-decoration: underline
}
.hand {
  cursor: pointer
}
.clear_float {
  zoom: 1
}
.clear_float:after {
  display: block; clear: both; content: ""; visibility: hidden; height: 0
}
.pagehide {
  display: none
}
.header {
  width: 100%; padding-bottom: 20px; background: #ffffff; position: relative; z-index: 200
}
.header div.area {
  width: 200px; height: 40px; line-height: 40px; margin-left: 290px; position: absolute; top: 0px; left: 50%; z-index: 100
}
.header div.area div.text {
  font-size: 11px; color: #1432aa; text-align: right
}
.header div.area div.text span {
  cursor: pointer; transition: opacity .3s ease; -webkit-transition: opacity .3s ease
}
.header div.area div.text span:hover {
  opacity: 0.7
}
.header div.area div.text em {
  font-style: normal; margin-left: 5px; background: url(icon.2.png) left center no-repeat; padding-left: 10px
}
.header p.logo {
  width: 980px; margin: auto; padding: 25px 0px 50px 0px
}
.header div.menubtn {
  display: none
}
.header div.menu {
  width: 980px; margin: auto; height: 38px; background: url(line.png) left center no-repeat
}
.header div.menu li {
  width: 245px; text-align: center; float: left; background: url(line.png) right center no-repeat; position: relative; z-index: 100
}
.header div.menu li a {
  display: block; font-size: 14px; height: 38px; line-height: 100%
}
.header div.menu li a em {
  display: inline-block; font-style: normal; padding: 8px 10px 12px 10px; border-bottom: #fff 2px solid; transition: border-color .3s ease
}
.header div.menu li a:hover {
  text-decoration: none
}
.header div.menu li a.on em,
.header div.menu li a:hover em {
  border-color: #1432aa
}
.header div.menu li dl {
    position: absolute;
    width: 242px;
    height: 0px;
    opacity: 0;
    overflow: visible;
    top: 38px;
    left: 0px;
    z-index: 100;
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}
.header div.menu li dl dd:first-child {
  border-top: #ccc 1px solid
}
.header div.menu li dl dd {
  border-bottom: #ccc 1px solid; background: #fff; border-left: #ccc 1px solid;
    border-right: #ccc 1px solid;
}
.header div.menu li dl dd a {
  display: block; font-size: 14px; height: 38px; line-height: 38px; color: #666; transition: all .3s ease; -webkit-transition: all .3s ease
}
.header div.menu li dl dd a:hover {
  background: #eee; color: #1432aa
}
.header div.menu li:hover dl {
  opacity: 1; height: 78px
}
.banner {
  width: 100%; height: 450px; background: url(banner.jpg) #808080 center center no-repeat; position: relative; z-index: 100
}
.banner p.slogan {
  width: 982px; height: 71px; background: url(slogan.png) center center no-repeat; margin-left: -491px; margin-top: -36px; position: absolute; top: 50%; left: 50%; z-index: 100
}
.banner_grade {
  width: 100%; background: #e0e0e1
}
.banner_grade div.content {
  width: 980px; height: 200px; margin: auto; background: url(banner_grade.png) right center no-repeat
}
.banner_grade div.content h1 {
  line-height: 200px; font-weight: normal; font-size: 24px; color: #1432aa
}
.banner_about {
  width: 100%; background: #e0e0e1
}
.banner_about div.content {
  width: 980px; height: 200px; margin: auto; background: url(banner_about.png) right top no-repeat
}
.banner_about div.content h1 {
  line-height: 200px; font-weight: normal; font-size: 24px; color: #1432aa
}
.banner_contact {
  width: 100%; background: #e0e0e1
}
.banner_contact div.content {
  width: 980px; height: 200px; margin: auto; background: url(banner_contact.png) right top no-repeat
}
.banner_contact div.content h1 {
  line-height: 200px; font-weight: normal; font-size: 24px; color: #1432aa
}
.home_grade {
  width: 100%; padding: 80px 0px; background: #fff
}
.home_grade h2 {
  width: 960px; height: 60px; line-height: 60px; margin: auto; font-size: 20px; font-weight: normal; padding-left: 20px; background: #ff973a; color: #fff
}
.home_grade div.list {
  width: 980px; margin: auto; padding-top: 40px
}
.home_grade div.item {
  width: 245px; height: 245px; float: left
}
.home_grade div.item h3 {
  padding: 40px 40px 0px 40px; font-size: 20px; font-weight: normal; line-height: 100%; color: #fff
}
.home_grade div.item h4 {
  padding: 10px 40px 20px 40px; font-size: 16px; font-weight: normal; line-height: 100%; color: #fff
}
.home_grade div.item a.link {
  display: block; width: 170px; height: 22px; line-height: 22px; text-align: center; font-size: 12px; color: #fff; border: #fff 1px solid; margin: auto; margin-top: 75px; background: url(icon.1.png) right center no-repeat; transition: opacity .3s ease; -webkit-transition: opacity .3s ease
}
.home_grade div.item a.link:hover {
  text-decoration: none; opacity: 0.7
}
.home_grade div.item1 {
  background-color: #d33c98
}
.home_grade div.item2 {
  background-color: #4dc353
}
.home_grade div.item3 {
  background-color: #ff973a
}
.home_grade div.item4 {
  background-color: #1546ac
}
.home_grade div.item5 {
  background-color: #4fb7e8
}
.home_grade div.item6 {
  background-color: #f9327d
}
.home_grade div.item7 {
  background-color: #663399
}
.home_grade div.item8 {
  background: #77777a
}
.home_application {
  width: 100%; background: #fff
}
.home_application h2 {
  width: 960px; height: 60px; line-height: 60px; margin: auto; font-size: 20px; font-weight: normal; padding-left: 20px; background: #ff973a; color: #fff
}
.home_application div.list {
  width: 980px; margin: auto; padding-top: 40px
}
.home_application div.item {
  width: 245px; height: 255px; float: left
}
.home_application div.item a.link {
  display: block; text-decoration: none; font-size: 18px; color: #666; transition: all .3s ease; -webkit-transition: all .3s ease
}
.home_application div.item a.link:hover {
  color: #ff973a
}
.home_application div.item a.link span.img {
  display: block; text-align: center
}
.home_application div.item a.link span.txt {
  display: block; padding-top: 12px; line-height: 30px; text-align: center
}
.grade {
  width: 100%; padding-top: 80px; background: #fff
}
.grade div.list {
  width: 980px; margin: auto; background: #e0e0e1
}
.grade div.item {
  width: 196px; height: 196px; float: left; cursor: pointer
}
.grade div.item h3 {
  padding-top: 75px; font-size: 20px; text-align: center; font-weight: normal; line-height: 100%; color: #fff
}
.grade div.item h3.h3 {
  padding-top: 88px
}
.grade div.item h4 {
  padding-top: 10px; font-size: 16px; text-align: center; font-weight: normal; line-height: 100%; color: #fff
}
.grade div.item a.link {
  display: none
}
.grade div.item1 {
  background-color: #d33c98
}
.grade div.item2 {
  background-color: #4dc353
}
.grade div.item3 {
  background-color: #ff973a
}
.grade div.item4 {
  background-color: #1546ac
}
.grade div.item5 {
  background-color: #4fb7e8
}
.grade div.item6 {
  background-color: #f9327d
}
.grade div.item7 {
  background-color: #663399
}
.grade div.detail {
  width: 980px; margin: auto; padding-top: 40px
}
.grade div.info {
  padding-top: 40px; position: relative; z-index: 100
}
.grade div.info h5 {
  width: 960px; height: 60px; line-height: 60px; margin: auto; font-size: 20px; font-weight: normal; padding-left: 20px; background: #000; color: #fff
}
.grade div.info div.content {
  padding: 40px 0px
}
.grade div.info div.content div.image {
  width: 430px; float: left; text-align: center
}
.grade div.info div.content div.image img {
  border: #e0e0e1 1px solid
}
.grade div.info div.content div.text {
  width: 510px; float: left
}
.grade div.info div.content div.text p.txt {
  font-size: 14px; color: #666; line-height: 22px; padding-bottom: 25px
}
.grade div.info div.content div.text h6 {
  width: 144px; height: 36px; line-height: 36px; font-size: 14px; background: #1546ac; color: #fff; text-align: center
}
.grade div.info div.content div.text ul {
  padding-top: 10px
}
.grade div.info div.content div.text li {
  height: 40px; line-height: 40px; position: relative; z-index: 100
}
.grade div.info div.content div.text li span {
  padding-left: 18px; background: url(point.1.png) left center no-repeat; font-size: 14px; color: #666
}
.grade div.info div.content div.text a.link {
  display: block; width: 170px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #1432aa; border: #1432aa 1px solid; position: absolute; top: 5px; right: 0px; background: url(icon.1.b.png) right center no-repeat; transition: opacity .3s ease; -webkit-transition: opacity .3s ease
}
.grade div.info div.content div.text a.link:hover {
  text-decoration: none; opacity: 0.7
}
.grade div.info div.content div.text a.link em {
  display: inline-block; height: 100%; font-style: normal; background: url(pdf.1.png) left center no-repeat; padding-left: 36px
}
.grade div.info1 h5 {
  background-color: #d33c98
}
.grade div.info1 div.content div.text p.txt b {
  font-size: 16px; color: #d33c98
}
.grade div.info2 h5 {
  background-color: #4dc353
}
.grade div.info2 div.content div.text p.txt b {
  font-size: 16px; color: #4dc353
}
.grade div.info3 h5 {
  background-color: #ff973a
}
.grade div.info3 div.content div.text p.txt b {
  font-size: 16px; color: #ff973a
}
.grade div.info4 h5 {
  background-color: #1546ac
}
.grade div.info4 div.content div.text p.txt b {
  font-size: 16px; color: #1546ac
}
.grade div.info5 h5 {
  background-color: #4fb7e8
}
.grade div.info5 div.content div.text p.txt b {
  font-size: 16px; color: #4fb7e8
}
.grade div.info6 h5 {
  background-color: #f9327d
}
.grade div.info6 div.content div.text p.txt b {
  font-size: 16px; color: #f9327d
}
.grade div.info7 h5 {
  background-color: #663399
}
.grade div.info7 div.content div.text p.txt b {
  font-size: 16px; color: #663399
}
.application {
  width: 100%; background: #fff
}
.application h2 {
  height: 70px; line-height: 70px; margin: auto; font-size: 26px; font-weight: normal; padding-left: 40px; background: #ff973a; color: #fff
}
.application div.list {
  width: 980px; margin: auto; padding-top: 40px
}
.application div.item {
  width: 196px; height: 220px; float: left
}
.application div.item div.link {
  display: block; text-decoration: none; font-size: 18px; color: #666; cursor: pointer; transition: all .3s ease; -webkit-transition: all .3s ease
}
.application div.item div.link:hover {
  color: #ff973a
}
.application div.item div.link span.img {
  display: block; text-align: center
}
.application div.item div.link span.img img {
  width: 150px
}
.application div.item div.link span.txt {
  display: block; font-size: 12px; padding-top: 12px; height: 40px; line-height: 20px; text-align: center
}
.application div.detail {
  width: 980px; margin: auto; padding-top: 40px
}
.application div.info {
  padding-top: 40px; position: relative; z-index: 100
}
.application div.info h5 {
  width: 960px; height: 60px; line-height: 60px; margin: auto; font-size: 20px; font-weight: normal; padding-left: 20px; background: #ff973b; color: #fff
}
.application div.info div.content {
  padding: 40px 0px
}
.application div.info div.content div.image {
  width: 260px; float: left; text-align: center
}
.application div.info div.content div.text {
  width: 680px; float: left
}
.application div.info div.content div.text p.txt {
  font-size: 14px; color: #666; line-height: 22px; padding-bottom: 25px
}
.application div.info div.content div.text h6 {
  width: 144px; height: 36px; line-height: 36px; font-size: 14px; background: #1546ac; color: #fff; text-align: center
}
.application div.info div.content div.text ul {
  padding-top: 10px
}
.application div.info div.content div.text li {
  height: 40px; line-height: 40px; position: relative; z-index: 100
}
.application div.info div.content div.text li span {
  padding-left: 18px; background: url(point.1.png) left center no-repeat; font-size: 14px; color: #666
}
.application div.info div.content div.text a.link {
  display: block; width: 170px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #1432aa; border: #1432aa 1px solid; position: absolute; top: 5px; right: 0px; background: url(icon.1.b.png) right center no-repeat; transition: opacity .3s ease; -webkit-transition: opacity .3s ease
}
.application div.info div.content div.text a.link:hover {
  text-decoration: none; opacity: 0.7
}
.application div.info div.content div.text a.link em {
  display: inline-block; height: 100%; font-style: normal; background: url(pdf.1.png) left center no-repeat; padding-left: 36px
}
.about {
  width: 100%; background: #fff
}
.about div.intro {
  width: 980px; margin: auto; padding-top: 80px
}
.about div.intro h3 {
  margin-bottom: 40px; padding-left: 40px; height: 58px; line-height: 58px; font-size: 20px; background: #1546ac; color: #fff
}
.about div.intro p.text {
  padding: 0px 40px; font-size: 14px; line-height: 150%; color: #666
}
.about div.intro a.link {
  width: 468px; height: 78px; line-height: 78px; display: block; margin: 40px; border: #1546ac 1px solid; text-align: center; font-size: 18px; color: #1546ac; background: url(icon.1.b.png) 444px center no-repeat; transition: opacity .3s ease; -webkit-transition: opacity .3s ease
}
.about div.intro a.link:hover {
  text-decoration: none; opacity: 0.7
}
.about div.intro div.table {
  width: 610px; float: left
}
.about div.intro div.table table {
  width: 100%; font-size: 14px
}
.about div.intro div.table td {
  color: #666; line-height: 150%; border-bottom: #c1c1c3 1px solid
}
.about div.intro div.table td.tit {
  width: 80px; padding-left: 40px; padding-right: 0px
}
.about div.intro div.table tr:first-child td {
  padding-top: 0px
}
.about div.intro div.table tr:last-child td {
  border: 0px
}
.about div.intro div.image {
  float: right
}
.contact {
  width: 100%; background: #fff
}
.contact div.map {
  width: 100%; margin: auto; padding-top: 80px; text-align: center
}
.contact div.intro {
  width: 980px; margin: auto; padding-top: 80px
}
.contact div.intro h3 {
  margin-bottom: 40px; padding-left: 40px; height: 58px; line-height: 58px; font-size: 20px; background: #666; color: #fff
}
.contact div.intro div.table {
  width: 100%
}
.contact div.intro div.table table {
  width: 100%; font-size: 14px
}
.contact div.intro div.table td {
  color: #666; line-height: 150%; border-bottom: #c1c1c3 1px solid
}
.contact div.intro div.table td.tit {
  width: 80px; padding-left: 40px; padding-right: 0px
}
.contact div.intro div.table tr:first-child td {
  padding-top: 0px
}
.contact div.intro div.table tr:last-child td {
  border: 0px
}
.contact div.intro div.table td a {
  color: #666
}
.footer_space {
  width: 100%; height: 150px; background: #fff; position: relative; z-index: 100
}
.footer_space .backtotop {
  width: 40px; height: 40px; background: url(backtotop.png) center center no-repeat; position: absolute; bottom: 0px; left: 50%; margin-left: 450px; z-index: 100; cursor: pointer; transition: opacity .3s ease; -webkit-transition: opacity .3s ease
}
.footer_space .backtotop:hover {
  opacity: 0.7
}
.footer {
  width: 100%
}
.footer div.info {
  width: 980px; height: 120px; margin: auto; padding-top: 37px
}
.footer div.info div.menu {
  width: 600px; float: left
}
.footer div.info div.menu li {
  float: left; padding-right: 45px
}
.footer div.info div.menu li a {
  font-size: 14px; color: #fff; transition: opacity .3s ease; -webkit-transition: opacity .3s ease
}
.footer div.info div.menu li a em {
  font-style: normal
}
.footer div.info div.menu li a:hover {
  text-decoration: none; opacity: .7
}
.footer div.info div.menu li dl {
  padding-top: 10px
}
.footer div.info div.menu li dl dd a {
  font-size: 12px; line-height: 20px
}
.footer div.info div.address {
  width: 360px; float: right; font-size: 14px; line-height: 150%; text-align: right; color: #fff;padding-bottom: 10px;
}
.footer div.info div.address a {
  color: #fff
}
.footer div.copyright {
  width: 980px; margin: auto; padding: 40px 0px; border-top: #fff 1px solid; line-height: 100%; font-size: 12px; color: #fff; text-align: right;clear: both;
}
.popup_mask {
  width: 100%; height: 100%; background: #000; opacity: 0; position: absolute; top: 0px; left: 0px; z-index: 10000; transition: opacity .3s ease; -webkit-transition: opacity .3s ease
}
.popup_mask.on {
  opacity: 0.5
}
.popup_content {
  width: 560px; background: #fff; opacity: 0; margin-left: -280px; position: absolute; top: 100px; left: 50%; z-index: 11000; transition: opacity .3s ease .1s; -webkit-transition: opacity .3s ease .1s
}
.popup_content.on {
  opacity: 1
}
.popup_content h3 {
  height: 60px; line-height: 60px; font-size: 18px; background: #c1c1c3; color: #fff; padding-left: 40px
}
.popup_content ul {
  padding: 50px 80px
}
.popup_content ul li {
  line-height: 30px
}
.popup_content ul li a {
  font-size: 14px; color: #d60057; text-decoration: underline
}
.popup_content ul li span {
  font-size: 14px; color: #666666; text-decoration: none; cursor: default
}
.popup_content ul ul {
  padding: 0px 40px; border-left: #cccccc 2px solid
}
.popup_content span.close {
  display: block; width: 55px; height: 55px; background: url(close.png) center center no-repeat; position: absolute; top: -55px; right: 0px; z-index: 100; cursor: pointer
}

/*add*/
.home_product-name {
  width: 100%; padding: 80px 0px; background: #fff
}
.home_product-name h2 {
  width: 960px; height: 60px; line-height: 60px; margin: auto; font-size: 20px; font-weight: normal; padding-left: 20px; background: #ff973a; color: #fff
}
.home_product-name div.list {
  width: 980px; margin: auto; padding-top: 40px
}
.home_product-name div.item {
	width: 245px; height: 280px; float: left; }

.home_product-name div.item h3 {
  padding: 20px 20px 0px 20px; font-size: 20px; font-weight: bold; line-height: 100%; }
.home_product-name div.item h4 {
  padding: 2px 20px 0 20px; font-size: 16px; font-weight: normal; line-height: 100%; }

.home_product-name div.item a.link:hover {
  text-decoration: none; opacity: 0.7
}
.home_product-name div.item1 {
  color: #d33c98;
}
.home_product-name div.item1 a.link {
  display: block; width: 200px; height: 20px; line-height: 20px; font-size: 12px; margin: auto; margin-top: 8px;color: #d33c98; text-align: left; text-decoration:underline;}
.home_product-name div.item2 {
  color: #4dc353;
}
.home_product-name div.item2 a.link {
  display: block; width: 200px; height: 20px; line-height: 20px; font-size: 12px; margin: auto; margin-top: 8px;color: #4dc353; text-align: left; text-decoration:underline;}
	
.home_product-name div.item3 {
  color: #ff973a;
}
.home_product-name div.item3 a.link {
  display: block; width: 200px; height: 20px; line-height: 20px; font-size: 12px; margin: auto; margin-top: 8px;color: #ff973a; text-align: left; text-decoration:underline;}
.home_product-name div.item4 {
  color: #1546ac;
}
.home_product-name div.item4 a.link {
  display: block; width: 200px; height: 20px; line-height: 20px; font-size: 12px; margin: auto; margin-top: 8px;color: #1546ac; text-align: left; text-decoration:underline;}
.home_product-name div.item5 {
  color: #4fb7e8;
}
.home_product-name div.item5 a.link {
  display: block; width: 200px; height: 20px; line-height: 20px; font-size: 12px; margin: auto; margin-top: 8px;color: #4fb7e8; text-align: left; text-decoration:underline;}
.home_product-name div.item6 {
  color: #f9327d;
}
.home_product-name div.item6 a.link {
  display: block; width: 200px; height: 20px; line-height: 20px; font-size: 12px; margin: auto; margin-top: 8px;color: #f9327d; text-align: left; text-decoration:underline;}
.home_product-name div.item7 {
  color: #663399;
}
.home_product-name div.item7 a.link {
  display: block; width: 200px; height: 20px; line-height: 20px; font-size: 12px; margin: auto; margin-top: 8px;color: #663399; text-align: left; text-decoration:underline;}
.home_product-name div.item8 {
  color: #77777a;
}
.home_product-name div.item8 a.link {
  display: block; width: 200px; height: 20px; line-height: 20px; font-size: 12px; margin: auto; margin-top: 8px;color: #77777a; text-align: left; text-decoration:underline;}

.grade div.movie {
  width: 980px; margin: auto; 
}
.grade div.movie h3 {
  margin-bottom: 40px; padding-left: 40px; height: 58px; line-height: 58px; font-size: 20px; background: #1546ac; color: #fff
}
.video_area{width: 720px; margin: 0 auto; text-align: center;}
}